/* =========================== 默认样式重置 =========================== */
ul,
menu,
dir {
  -webkit-padding-start: 0;
}

/* =========================== 版式相关 =========================== */
html,
body {
  font-family: 'San Francisco', 'Helvetica Neue', Helvetica, 'Lucida Grande', 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Heiti SC', 'WenQuanYi Microhei', 'XinGothic CiticPress', 'Noto Sans CJK SC', 'Source Han Sans', 'Microsoft YaHei', Arial, Sans-serif;
  line-height: $line-height;
  -webkit-font-smoothing: antialiased;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  margin-top: .7em;
  margin-bottom: .2em;
  line-height: $line-height + 0.2;
}

h1,
.h1 {
  font-size: 3.2rem;
}

h2,
.h2 {
  font-size: 2.8rem;
}

h3,
.h3 {
  font-size: 2.4rem;
}

h4,
.h4 {
  font-size: 2rem;

  @media screen and (max-width: $screen-xs-min) {
    font-size: 1.6rem;
  }
}

h5,
.h5 {
  font-size: 1.8rem;

  @media screen and (max-width: $screen-xs-min) {
    font-size: 1.4rem;
  }
}

h6,
.h6 {
  font-size: 1.6rem;

  @media screen and (max-width: $screen-xs-min) {
    font-size: 1.2rem;
  }
}

p {
  font-size: 1.4rem;
  text-align: justify;
  text-justify: inter-ideographic;

  @media screen and (max-width: $screen-xs-min) {
    font-size: 1.2rem;
    text-align: left;
  }
}

/* =========================== Panel =========================== */
.section-title {
  margin-bottom: 1.5rem;
  padding-top: 1.5rem;

  @media screen and (max-width: $screen-xs-min) {
    margin-bottom: 1rem;
  }
}

.primary-line {
  border-bottom: 1px solid $brand-baqianwei;
}

.secondary-line {
  border-bottom: 1px solid $brand-primary;
}

.section-more {
  font-size: 1.4rem;
  line-height: 3.2rem;

  @media screen and (max-width: $screen-xs-min) {
    font-size: 1.2rem;
    line-height: 2.4rem;
  }
}

.text-wrap {
  @include text-wrap;
}
